<template>
    <transition name="side-fade">
        <div class="xxx" :class="{active:isShow === true}" v-show="isShow">
            <div class="layer-side" :style="{ right:editWidth }" @click="closeLayer"></div>
            <div class="layer-html" :style="{ width:editWidth }">
                <div class="title">
                    <div class="text">{{ title }}</div>
                    <div class="close" @click="closeLayer"></div>
                </div>
                <div class="main-area">
                    <slot></slot>
                </div>
                <div class="action-button">
                    <div class="layui-btn layui-btn-normal" @click="confirmLayer">确认</div>
                    <!-- <div class="layui-btn layui-btn-primary" @click="closeLayer">取消</div> -->
                </div>
            </div>
        </div>
    </transition>
</template>
